<template>
  <!-- 预约成功 -->
  <div class="tt">
    <div class="tag">
      <van-nav-bar fixed placeholder title="支付成功" left-text="" right-text="" left-arrow style="background:red" @click-left="onClickLeft" />
    </div>
    <!-- 图标 -->
    <div class="succeed">
      <img src="../assets/succeed.png" alt="" />
      <span>支付成功</span>
      <van-button plain to="Appointment" type="gray">去查看</van-button>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    onClickLeft() {
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
.tt {
  display: inline-block;
}
/* .tt > .succeed {
  height: 20px;
  width: 200px;
} */
.succeed {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  height: 450px;
  width: 380px;
}
.succeed > img,
.succeed > span,
.succeed > .van-button--plain {
  margin: 20px;
}
.succeed > .van-button {
  height: 20px;
  padding: 12px 10px;
  border-radius: 10px;
  color: #888;
}
.succeed > img {
  width: 71px;
  height: 54px;
}
</style>
